<script>
    $(document).ready(function() {
        juanmanuel();
        $("#add").click(function(){
        $("#ocho").dialog('open');
    });
        $("#boton_guardar").click(function() {

            juanmanuel();
              $("#ocho").dialog('close');
        });
    
      
    });

    function juanmanuel() {
        $.ajax({
            url: 'Categorias/listacategorias',
            dataType: 'json',
            success: function(data) {
                var tabla = '<table>';
                tabla += '<tr>';
                tabla += '<th>ID</th><th>Categoria</th><th>Imagen</th>';
                tabla += '</tr>';
                $.each(data, function(index, item) {
                    tabla += '<tr>';
                    tabla += '<td>' + item.Categoria.id + '</td>';
                    tabla += '<td>' + item.Categoria.categoria + '</td>';
                    tabla += '<td>' + item.Categoria.filename + '</td>';
                    tabla += '<td>Editar</td>';
                    tabla += '<td>Eliminar</td>';
                    tabla += '</tr>';
                });
                tabla += '</table>';
                $('#tablaCategorias').html(tabla);
            }
        });
    }
</script>

<div id="ocho">
<?php echo $this->Form->create('Categoria',array('controller'=>'categorias','action'=>'index')); ?>
<?=$this->Form->input('categoria'); ?>
<?=$this->Js->submit('Guardar',array(
  'id'=>"boton_guardar"
)); ?>
<?=$this->Form->end(); ?>
</div>

<div id="tablaCategorias">

</div>
